<template>
	<div class="video">
		<video
        object-fit="cover"
        :src="message.messageInfo.body.text"
           :show-center-play-btn="false"
           :show-play-btn="true"
            controls></video>
	</div>
</template>

<script>
export default {
	props: ['message'],
	methods: {},
	mounted() {
		console.log(this.message.messageInfo);
	},
};
</script>
<style lang="scss" scoped>
.video {
	width: 169px;
	//height: auto;
	height: 144px;
  video{
    width: 100%;
    height: 100%;
  }
	//overflow: hidden;
	//> img {
	//	display: block;
	//	width: 100%;
	//	height: 100%;
	//	object-fit: contain;
	//	border-radius: 4px;
	//	background: #000;
	//}
}
</style>
